<template>
	<view class="content">
		<view class="content-1">
			<!-- <image src="../../static/image/titlepic02.png" mode="widthFix"></image> -->
			<view class="content-1-1">
				我们的客户
			</view>
		</view>
		<view class="content-2 flex">
			<view class="item" v-for="(item,index) in schools" :key="index">
				<image class="image" :src="`${item.img}`" mode="widthFix" ></image>
				<view class="item-1">
					{{item.name}}
				</view>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			schools:[
				{name:'东南大学',img:'https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/632afc43e391320011695f3b/16640827115457754710.png'},
				{name:'安徽巨目光学科技',img:'https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/632afc43e391320011695f3b/16640827121549486750.png'},
				{name:'安徽理工大学',img:'https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/632afc43e391320011695f3b/16640827120400864778.png'},
				{name:'安徽师范大学',img:'https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/632afc43e391320011695f3b/16640827121318172406.png'},
				{name:'江西省英才食品科技',img:'https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/632afc43e391320011695f3b/16640827121716208231.png'},
				{name:'皖南医学院',img:'https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/632afc43e391320011695f3b/16640827120071676666.png'},
				{name:'全国技术转移公告服务平台',img:'https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/632afc43e391320011695f3b/16640827122320221049.png'}
			]
		};
	}
}
</script>

<style lang="scss" scoped>
.content {
	background: #fff;
	padding: 32rpx 35rpx 90rpx 20rpx;
	margin-top: 20rpx;
	.content-1 {
		position: relative;
		height: 32rpx;
		image {
			position: absolute;
			top: 18rpx;
			height:18rpx;
			width: 158rpx;
		}
	}
	.content-1-1 {
		position: absolute;
		font-size: 32rpx;
		color: $uni-color-middle;
		background-image: linear-gradient(90deg,
		#f6e57f 0%, 
		#fd8261 100%);
	}
	.content-2 {
		margin-top: 38rpx;
		flex-wrap: wrap;
		.item {
			width: 33%;
			text-align: center;
			margin-bottom: 60rpx;
			.item-1 {
				font-size: 28rpx;
				color: $uni-color-middle;
			}
		}
		.image {
			width: 81rpx;
			height: 81rpx;
		}
	}
}
</style>